<template>
    <div class="box">
        <div>
            <h1>无权访问</h1>
            <h2>请联系管理员杨敏大王</h2>
        </div>
    </div>

</template>

<script setup>

</script>

<style lang="scss" scoped>
h1 {
    color: orange;
    font-size: 3rem;  // 放大标题文字
}
h2 {
    font-size: 2rem;  // 放大副标题文字
}
.box {
    background: url('../assets/无权限访问.png') no-repeat center center;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    
    div {
        text-align: center;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 40px;  // 增加内边距
        border-radius: 20px;  // 增加圆角
        min-width: 600px;  // 设置最小宽度
        transform: scale(1.2);  // 整体放大1.2倍
    }
}
</style>